import React, { FunctionComponent } from 'react';

export const EyeIcon: FunctionComponent = () => (
  <svg
    width="22"
    height="22"
    viewBox="0 0 22 22"
    fill="none"
    xmlns="https://www.w3.org/2000/svg"
  >
    <path
      d="M10.9998 5C14.5944 5 17.5851 7.58667 18.2124 11C17.5858 14.4133 14.5944 17 10.9998 17C7.40511 17 4.41444 14.4133 3.78711 11C4.41378 7.58667 7.40511 5 10.9998 5ZM10.9998 15.6667C12.3594 15.6664 13.6787 15.2045 14.7417 14.3568C15.8047 13.509 16.5484 12.3255 16.8511 11C16.5473 9.67554 15.8031 8.49334 14.7402 7.64668C13.6773 6.80003 12.3586 6.33902 10.9998 6.33902C9.64091 6.33902 8.32224 6.80003 7.25936 7.64668C6.19648 8.49334 5.45229 9.67554 5.14844 11C5.45117 12.3255 6.19489 13.509 7.25787 14.3568C8.32085 15.2045 9.64013 15.6664 10.9998 15.6667ZM10.9998 14C10.2041 14 9.44107 13.6839 8.87846 13.1213C8.31585 12.5587 7.99978 11.7956 7.99978 11C7.99978 10.2044 8.31585 9.44129 8.87846 8.87868C9.44107 8.31607 10.2041 8 10.9998 8C11.7954 8 12.5585 8.31607 13.1211 8.87868C13.6837 9.44129 13.9998 10.2044 13.9998 11C13.9998 11.7956 13.6837 12.5587 13.1211 13.1213C12.5585 13.6839 11.7954 14 10.9998 14ZM10.9998 12.6667C11.4418 12.6667 11.8657 12.4911 12.1783 12.1785C12.4908 11.866 12.6664 11.442 12.6664 11C12.6664 10.558 12.4908 10.134 12.1783 9.82149C11.8657 9.50893 11.4418 9.33333 10.9998 9.33333C10.5577 9.33333 10.1338 9.50893 9.82127 9.82149C9.5087 10.134 9.33311 10.558 9.33311 11C9.33311 11.442 9.5087 11.866 9.82127 12.1785C10.1338 12.4911 10.5577 12.6667 10.9998 12.6667Z"
      fill="black"
    />
  </svg>
);

export const EyeClosedIcon: FunctionComponent = () => (
  <svg
    width="22"
    height="22"
    viewBox="0 0 22 22"
    fill="none"
    xmlns="https://www.w3.org/2000/svg"
  >
    <path
      d="M9.22818 16.5213L7.94085 16.176L8.46551 14.2167C7.68016 13.927 6.95026 13.5049 6.30751 12.9687L4.87218 14.4047L3.92885 13.4613L5.36485 12.026C4.55423 11.0552 4.00957 9.89052 3.78418 8.64601L5.09618 8.40668C5.60218 11.208 8.05285 13.3333 11.0002 13.3333C13.9468 13.3333 16.3982 11.208 16.9042 8.40668L18.2162 8.64534C17.9911 9.89002 17.4467 11.0549 16.6362 12.026L18.0715 13.4613L17.1282 14.4047L15.6928 12.9687C15.0501 13.5049 14.3202 13.927 13.5348 14.2167L14.0595 16.1767L12.7722 16.5213L12.2468 14.5613C11.4217 14.7027 10.5786 14.7027 9.75351 14.5613L9.22818 16.5213Z"
      fill="black"
    />
  </svg>
);
